<template>
  <div class="textHint">
    <p>{{ hintText }}</p>
  </div>
</template>
<script>
export default {
  name: 'textHint',
  props:['hintText'],
  data(){
     return{
       msg:""
     }
  },
  methods: {
    modelHint(){

    }
  }
}
</script>

<style scoped>
  .textHint{position: absolute;width:54%;bottom:20%;left:50%;margin-left:-32%;z-index: 999;background:rgba(0,0,0,0.8);padding: 3.4% 5%;border-radius: 8px;}
  .textHint p{display: table;color:#fff;margin:0 auto;}
</style>
